<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../public/css/common.css">
    <link rel="stylesheet" href="../public/css/bootstrap.css">
    <link rel="stylesheet" href="../public/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/couponDetail.css">
    <title>优惠券详情页-免费领取</title>
</head>
<body>
<!--共用头部 head-->
<template data-src="../public/layout/header.html"></template>
<!--共用头部 head end-->

<div>
    <img src="images/xiami－banner.jpg" width="100%">
</div>

<div class="page-width">
    <div>
        <p class="smallbanner"><span style="margin-right: 20px" class="bannerl"><img width="85" src="images/banner-border.jpg" alt=""></span>活动详情<span style="margin-left: 20px" class="bannerr"><img width="85" src="images/banner-border.jpg" alt=""></span></span></p>
        <div class="text_main receive-main">
            <h3 class="espired-h3 h3-fontsize">YOTA健康餐15元优惠券</h3>
            <div class="receive">
                    <i class="iconfont">&#xe6ec;</i>
                    <p class="receive-txt">累积领取量： 80</p>
            </div>
            <p class="acttime"><i  style="font-size: 15px" class="iconfont">&#xe606;</i> 活动时间</p>
            <p class="acttime-detailed"><span>2017-09-01 00:00:00</span> 至 <span>2017-09-30 23:59:59</span></p>
        </div>
        <div class="text_detail">
            <p class="detail_tit">1、福利内容：</p>
            <p class="detail_txt">YOTA健康餐15元优惠券</p>
            <p class="detail_txt">适用地区：北京</p>
            <p class="detail_tit">2、兑换流程：</p>
            <p class="detail_txt">1 )点击兑换用京豆兑换，并得到对应的唯一兑换码；</p>
            <p class="detail_txt">2 )兑换成功后，扫描下面二维码，或应用商店下载“YOTA”app，点击下方菜单“我的”-抵用券-输入兑换码，即可兑换</p>
            <p class="detail_tit">3、活动说明：</p>
            <p class="detail_txt">1 )每个京东用户活动期间仅可兑换1次；每个兑换码仅可使用1次；</p>
            <p class="detail_txt">2 )兑换码有效期：即日起至2017年12月1日</p>
            <p class="detail_txt">3 )兑换码不退、不换、不可兑现</p>
            <p class="detail_txt">4 )兑换期间出现的问题以及使用流程，可拨打客服热线400-888-9417( 9:00-18:00 )进行咨询；</p>
        </div>
        <a  class="btn-next js-receive btn-hover" style="background: #ff403e" >免费领取</a>
    </div>
</div>

<!--弹窗-->
<div style="display: none" class="receive-popup" >
    <div class="popup-logo">
        <i class="iconfont">&#xe667;</i>
    </div>
    <div class="popup-top"><p>恭喜你， 领取成功！</p></div>
    <div class="popup-bot"><p>感谢您的参与.&nbsp;&nbsp;祝您购物愉快</p></div>
    <div class="popup-btns">
        <div class="btns-wrapper">
            <a  class="btns-left btn-hover">立即使用</a>
            <a  class="btns-right js-close">关闭</a>
        </div>
    </div>
</div>






<!--页脚 footer-->
<template data-src="../public/layout/footer.html"></template>
<!--页脚 footer end-->
<script type="text/javascript" src="../public/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../public/js/common.js"></script>
<script src="../public/js/bootstrap.js"></script>
<script src="js/couponDetail.js"></script>
<script type="text/javascript" src="../public/js/template.js"></script>

<script>
    foo.onload = function (w, l) {
        console.log('可以在此处回调，w指window，l指loadJs')
    };
    foo.start();


</script>

</body>
</html>